@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{ padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0}
a { text-decoration:none;color: #666;}
a:hover { color:#d60000;}
input { outline:none}
textarea { resize:none}
li { list-style: none}
.clear { clear: both;}
img { border:none; vertical-align:bottom;}
/*=======================================================*/
body { font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif; line-height: 1.5; font-size: 13px; color: #666; background-color:#FFF; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; outline:0; /* 不让选中文字 -webkit-user-select: none; */}
.container, .wrapper { width:1200px; margin:0 auto;}
.container:after, .wrapper:after {clear:both; display:table; content:"";}
.wrapper { padding:40px 0;}
.sidebar { float:left; width:230px;}
.main { float:right; width:920px;}
.main img { max-width:100%;}
/**/
/*网站顶部*/
.top { width:100%; height:150px; background-color:#FFF; border-top:2px solid #0E64A8; position:relative;}
.top_body {}
.header { width:1200px; height:100px; margin:0 auto; position:relative;}
.logo { float:left; width:510px; height:70px; margin-top:20px; background:url(images/logo.png) no-repeat left top;}
.logo a { display:block; width:510px; height:70px; text-indent:-9999px;}
.header_r { float:right; width:660px; height:100px;}
.header_r .header_icon { height:80px; text-align:right; margin:10px 20px 10px 0;}
.header_r .header_icon ul { display:block; height:80px; float:right;}
.header_r .header_icon ul li { float:left; display:inline-block; padding-left:10px;}
/*导航*/
.top .menu { width:100%; height:50px; line-height:50px; font-size:16px; font-weight:normal; background-color:#0E64A8;}
.top .menu ul { display:block; width:1200px; height:50px; margin:0 auto;}
.top .menu li { display:inline-block; width:125px; position:relative; text-align:center; cursor:pointer;}
.top .menu li a { display:block; width:125px; color:#FFF;}
.top .menu li a:hover { background-color:#0E5B97;}
.top .menu strong { display:block; position:relative; height:50px; width:125px; color:#FFF; font-weight:normal; cursor:default; z-index:20;}
.top .menu li.hover strong { border-bottom:none; background-color:#0E5B97; color:#FFFFFF; cursor:pointer;}
.top .menu .menubox { display:none; position:absolute; width:100%; left:0; top:50px; background-color:#0E5B97; color:#FFFFFF; z-index:10; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top .menu .menubox a { display:block; height:36px; line-height:36px; font-size:15px;  border-top:1px solid #0E64A8;}
.top .menu .menubox a:hover { background-color:#0E64A8;}

/*幻灯片*/
.fullSlide { width:100%; position:relative; height:450px; overflow:hidden; background-color:#F0F0F0;}
.fullSlide .yy { background:url(images/yy.png) repeat-x left top; z-index:99999; position:absolute; width:100%; height:10px;}
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul { width:100% !important;}
.fullSlide .bd li { width:100% !important; height:450px; overflow:hidden; text-align:center; background-repeat:no-repeat; background-position:center center;}
.fullSlide .bd li a { display:block; height:450px;}
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul { text-align:center;}
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px;}
.fullSlide .hd ul .on { background:#e2201f;}
.fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; background:url(images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none;}
.fullSlide .next { left:auto; right:5%; background-position:-6px -137px;}
/**/
.banner { height:300px; background-color:#F0F0F0; background-repeat:no-repeat; background-position:center center;}
/**/
.title { padding-bottom:25px; border-bottom:1px solid #E5E5E5; margin-bottom:30px;}
.title_con { width:360px; height:98px; margin:0 auto; text-align:center; color:#999; position:relative;}
.title_con:before { display:block; position:absolute; width:340px; height:64px; border:1px solid #D0D0D0; content:""; left:9px; top:22px;}

.title_info { width:360px; height:98px; position:absolute; left:0; top:0;}
.title_info h2 { display:inline-block; margin:0 auto; height:40px; line-height:40px; font-size:28px; font-weight:normal; padding:0 10px; background-color:#FFF; color:#3E3E3E;}
.title_info p { display:block; height:34px; font-size:14px; line-height:30px; color:#999;}
.title_info h3 { display:inline-block; margin:0 auto; height:24px; line-height:24px; font-size:18px; padding:0 10px; font-weight:normal; background-color:#FFF;}
/**/
.title2 { padding-bottom:25px; border-bottom:1px solid #D0D0D0; margin-bottom:30px;}
.title2_con:before { display:block; position:absolute; width:300px; height:64px; border:1px solid #D0D0D0; content:""; left:9px; top:22px;}

.title2 .title_info h2 { background-color:#F0F0F0;}
.title2 .title_info p { color:#888;}
.title2 .title_info h3 { background-color:#F0F0F0; color:#888;}
/**/
.sidetitle { background:#0E64A8 url(images/cpzx_03.gif) no-repeat 0 0; height:83px; text-align:center; color:#f59775; font-weight:normal; font-size: 9px; text-transform:uppercase;}
.sidetitle b { color:#FFF; font-size:18px; font-weight:bold; padding:20px 0 5px 0; display:block;}
/**/
.crumbs { height:70px; line-height:70px; border-bottom:1px solid #EEE; background-color:#F0F0F0;}
.crumbs h2, .crumbs h1 { float:left; font-size:22px; font-weight:normal; position:relative;}
.crumbs h2:after, .crumbs h1:after { width:100%; height:3px; background-color:#0E64A8; display:block; content:""; left:0; bottom:0; position:absolute;}
.crumbs h3 { float:right; font-weight:normal; background:url(images/dh.png) no-repeat left center; padding-left:22px;}
/**/
.about { padding:40px 0;}
.about_pic { float:left; width:600px;}
.about_text { float:right; width:560px; line-height:26px;}
.about_text h2 { height:35px; line-height:35px; font-size:18px; font-weight:normal; color:#333333;font-family:"微软雅黑"; border-bottom:1px dashed #EEE;}
.about_text h2 span { margin-left:30px}
.about_text p { line-height:35px; letter-spacing:1px; text-indent:2em; color:#777777; font-size:14px}
/**/
.advantage { padding:40px 0; background-color:#F0F0F0;}
.advantage ul li { float:left; display:block; width:230px; margin:34px 35px auto 35px}
.advantage ul li img { display:block; width:188px; height:186px; margin-left:22px;}
.advantage ul li h2 { text-align:center; color:#333; font-family:"微软雅黑"; font-weight:normal; line-height:65px}
.advantage ul li p { color:#888; line-height:20px; letter-spacing:1px}
/**/
.product { padding:40px 0;}
.box { width:100%; height:396px; }
.rolling_body { width:1200px; height:331px; margin:0 auto; padding-top:24px; overflow:hidden}
.rolling_body ul li { float:left; margin-right:53px; width:260px; height:330px}
.rolling a.left{ background:url(images/case_l.jpg); position:absolute; width:30px; height:60px; top:150px; left:-40px;}
.rolling a.right{ background:url(images/case_r.jpg); position:absolute; width:30px; height:60px; top:150px; right:-40px;}
.rolling { width:1200px; height:331px; margin:0 auto; position:relative;}
/**/
.pro { width:1200px; height:590px; margin:0 auto; position:relative;}
.pro .prolist { width:1200px; height:590px; overflow: hidden;}
.pro .prolist ul { padding:0; list-style:none; width:1200px;}
.pro .prolist ul li { float:left; margin:0 0 20px 53px; width:260px; height:275px;}
.pro .prolist ul li:nth-child(4n+1) { margin-left: 0;} 
.pro .prolist ul li img { width:260px; height:235px;}
.pro .prolist ul li div { line-height:40px; height:40px; text-align:center;}
/**/
.news { padding:40px 0; min-height:450px; background-color:#F0F0F0;}
.newsl { float:left; width:370px; margin-right:45px;}
.newsr { float:right; width:370px;}
.news_title { height:40px; line-height:40px; font-size:14px; font-weight:bold; border-bottom:1px solid #CCC;}
.news_title h2 { float:left; font-size:18px; color:#0E64A8;}
.news_title span { float:right;}

.news_list { padding-top:10px;}
.news_list li { margin-bottom:10px;}
.news_list li h2 { width:100%; height:26px; line-height:26px; font-size:14px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}
.news_list li span { display:inline-block; height:22px; line-height:22px; padding:0 5px; margin-right:5px; font-size:12px; font-weight:normal; background-color:#b3b3b3; color:#FFF; border-radius:3px;}
.news_list li p { width:100%; height:20px; line-height:20px; font-size:12px; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/**/
.new_nav { width:auto; height:52px; text-align:center; margin:0 auto; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center;}
.new_nav div { float:left; display:block; color:#94A0B0; cursor:pointer; list-style-type:none; border:1px solid #94A0B0; border-left:0; text-align:center; padding:0 30px; height:50px; line-height:50px; font-size:15px;}
.new_nav div.on { background-color:#397ED4; color:#FFF;}
.new_nav div:nth-child(1) { border-left:1px solid #94A0B0;} 
/**/
.newbox { width:100%; padding-top:40px; margin-bottom: 40px;}
.newbox:after {clear:both; display:table; content:"";}
.newbox:nth-child(1) { margin-left:0;} 
.newbox_list { display:none;}
.newbox_list li { float:left; width:545px; display:block; position:relative; transition: all ease-out .3s; padding:20px; margin:0 0 20px 30px; background-color:#FFF; color:#7B7B7B;}
.newbox_list li:nth-child(2n+1) { margin-left:0;} 
.newbox_list li a.newscontent { display:block; position:relative; width:100%; height:48px; z-index:7; color:#7B7B7B; text-align: left;}
.newbox_list li:after{  content:''; position:absolute; top:0px;display: block; left:0; width:100%; height:100%; background:#FFF; transform:scaleY(0);transition: transform .75s cubic-bezier(.19,1,.22,1);transform-origin: top;transition-delay: 0s!important;}
.newbox_list li .date { position:absolute; width:75px; font-size:12px; left:0; top:3px; line-height:22px;}
.newbox_list li .date .md { font-size:13px; display:block; margin-left:3px; color:rgba(0, 0, 0, 0.41);}
.newbox_list li .date .year { font-size:18px; padding:0px; border-bottom:1px solid #EEE;}
.newbox_list li .text { padding-left:70px;}
.newbox_list li .text h2 { display:block; font-size:14px; height:24px; line-height:24px; color:#7B7B7B;}
.newbox_list li .text p { color:#AFAFAF; font-size:12px; line-height:24px;}
.newbox_list li .text h2, .newbox_list li .text p { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.newbox_list li:hover:after { z-index:0; transform-origin:bottom;transform: scaleY(1); background-color:#428FEF; box-shadow:0px 8px 19px #dedede;}
.newbox_list li:hover a { color:#FFF;}
.newbox_list li:hover .date .md { color:#A0B6F4;}
.newbox_list li:hover .text h2 { color:#FFF;}
.newbox_list li:hover .text p { color:#A0B6F4;}

/*contact*/
.conbg { width:100%; background-color:#FFF; padding:40px 0;}
.conbg .fl { float:left;}
.contact_text {width:402px;height:250px;background:#fff;padding:4px 0 0 72px;}
.contact_text h2 { font-size:18px; color:#0E64A8; font-weight:600; line-height:45px;}
.contact_text p {font-size:14px;line-height:28px;}
.contact_text span { font-weight:bold;}


/**/
.sidebar h3 { background:#383838 url(images/sidebarh3.gif) no-repeat 12px 14px; height:40px; padding-left:30px}
.sidebar h3 a, .sidebar h3 b { color:#FFF; font-size:14px; font-weight:bold; line-height:40px}
.sidebar_box { width:228px; border:1px solid #E2E2E2; padding:4px 0; border-top:0}
.sidebar_box li { line-height:36px; border-bottom:1px solid #EEE; padding:0 10px;}


.sidebar_contact, .sidebar_city { width:208px; border:1px solid #E2E2E2; padding:10px; border-top:0; line-height:24px;}
.sidebar_contact { line-height:24px;}
.sidebar_city a { float:left; display:block; margin-right:15px;}
.sidebar_city_con { width:208px; max-height:336px; overflow:hidden;}
.sidebar_city:after, .sidebar_city_con:after { clear:both; display:table; content:"";}
/**/
.newslist { padding:10px 0 0;}
.newslist li { padding:7px 20px 0 0;height:110px; overflow:hidden;margin:0 0 30px; border-bottom:1px solid #ddd;}
.newslist li .text { padding:0 0 0 14px; line-height:26px;width:800px; overflow:hidden;font-size:14px; float:left; color:#666; }
.newslist li .text h2 { display:block; font-weight:100; color:#000000; font-size:15px;}
.newslist li .text h2 a, .newslist li .text h2 a:hover { color:#343434; font-weight:bold;}
.newslist li .text h2 a:hover { color:#f26521;}
.newslist li .text p { font-size:14px;}
.newslist li .more { float:right; display:block; margin:20px 0 0; width:70px; height:25px; line-height:25px; text-align:center; }
.newslist li .more a { display:block; width:70px; height:25px; color:#FFF; background-color:#999;}
.newslist li .more a:hover { background:#081854; color:#FFF; text-decoration:none;}
/*产品列表*/
.prolist { padding:0 0 10px 0;}
.prolist li { float:left; width:286px; height:290px; display:block; margin:0px 30px 30px 0px;}
.prolist li .pic { width:280px; height:253px; padding:2px; border:1px solid #DDD;}
.prolist li .pic img { width:280px; height:253px;}
.prolist li h2 { height:40px; line-height:40px; font-size:12px; font-weight:normal; text-align:center;}
.prolist li:nth-child(3n+3) { margin-right:0;}
/**/
.single { padding:30px 0;}
.single h1 { margin-bottom:10px; font-size:16px; font-weight:normal; line-height:28px; text-align:center;}
.single_info { height:40px; line-height:40px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center;}
.single_body { padding:20px 0; line-height:26px; font-size:14px;}
.single_body p { margin-bottom:10px;}
.single_page { height:60px; line-height:30px;}

.single_tags { height:30px; padding:0 0 15px 0; margin-bottom:10px; border-bottom:1px solid #DDD;}
.single_tags p { float:left; line-height:30px;}
.single_tags .fx { float:right;}
.single_tags:after  { clear:both; display:table; content:"";}
/**/
.page { line-height:26px;}
.page p { margin-bottom:10px;}
/**/
.newslist:after, .prolist:after, .page:after  { clear:both; display:table; content:"";}
/**/
.project { line-height:26px;}
.project p { margin-bottom:10px;}
.project h1 { font-size:20px; margin-bottom:15px;}
.project h2 { font-size:16px; margin-bottom:15px;}
.project img { width:100%; height:auto;}
/**/
.projectnew { padding:40px 0;} 
.projectnew li { display:block; width:560px; padding:15px 0; margin:0 20px; height:50px; float:left; color:#777; border-bottom:1px dashed #EEE;}
.projectnew li h2 { width:100%; height:20px; line-height:20px; font-size:14px; margin-bottom:6px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../images/bg_a.png) no-repeat left bottom;}
.projectnew li h2 a { font-size:18px; color:#333;}
.projectnew li p { width:100%; height:24px; line-height:24px; font-size:12px; color:#888; overflow:hidden;}
/**/
.pagebar { height:30px; line-height:30px; padding:20px 10px 10px 10px; text-align:center;}
.pagebar a { display:inline-block; color:#0E64A8; padding:0 8px; font-weight:bold; background:#DDD; margin:0 5px;}
.pagebar .page { display:inline-block; color:#0E64A8; padding:0 8px; line-height:30px; background:#DDD; margin:0 5px;}
.pagebar .page_now { display:inline-block; color:#FFF; padding:0 8px; font-weight:bold; background:#0E64A8; margin:0 5px;}
/**/
.provinces { padding:20px 0; font-size:12px; background-color:#505050; color:#FFF; height:24px; line-height:24px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.provinces a { font-size:12px; margin-right:8px; color:#B3B3B3}
/**/
.footer { width:100%; min-width:1000px; background-color:#383838; padding:40px 0px;}
.footer .container { position:relative;}
.footer .f_nav { width:100%; height:30px; line-height:30px; color:#E4E4E4;}
.footer .f_nav em { margin:0 15px;}
.footer .f_nav a:hover { color:#FFF;}
.footer .f_logo { width:200px; height:47px; margin:10px 0;}
.footer .f_logo img { width:200px; height:47px; vertical-align:top;}
.footer p { width:100%; font-size:12px; color:#E3E3E3; line-height:175%;}
.footer a { color:#E4E4E4;}
.footer .code { width:120px; height:150px; position:absolute; right:0px; top:30px;}
.footer .code img { width:120px; height:120px; vertical-align:top;}
.footer .code span { display:block; width:100%; height:26px; line-height:26px; text-align:center; font-size:14px; color:#FEFEFE;}
/*评论列表*/
.commentlist { padding:0; background:#FFFFFF;}
.commentlist h4{ margin-top:15px;}
.msg { margin-top:10px; border-top:1px solid #CCCCCC; padding:5px 0 0 0;}
.msg .msgimg { float:left; width:48px; height:48px; padding-top:5px;}
.msg .msgimg .avatar { width:48px; height:48px;}
.msg .msgtxt { width:100%; float:right; margin-left:-60px;}
.msg .msgtxt .msgtxtbogy { margin-left:60px;}
.msg .msgtxt .msgname { height:24px; line-height:24px;}
.msg .msgtxt .msgname span { font-size:12px; color:#999999;}
.msg .msgtxt .msgarticle { padding:5px 0;}

.msg .msgarticle .msg { font-size:12px;}
.msg .msgarticle .msg .msgimg { width:32px; height:32px;}
.msg .msgarticle .msg .msgimg .avatar { width:32px; height:32px;}
.msg .msgarticle .msg .msgtxt { width:100%; float:right; margin-left:-40px;}
.msg .msgarticle .msg .msgtxt .msgtxtbogy { margin-left:40px;}
.msg .msgarticle .msg .dot { display:none;}

/*发布评论*/
.commentpost { padding:15px 0; background:#FFFFFF; margin-bottom:10px;}
.commentpost p { margin-bottom:10px;}.commentpost img{ margin-bottom: -6px;}
li.msgarticle div.quote{ margin:10px 0 0 0; padding:10px; background:#FFFFFF; border:1px solid #F4F4F4;}
li.msgarticle div.quote-title{ margin:0; padding:0; font-size:1em; color:#CC0000;}
.commentpost input { width:200px; padding:6px 10px; border:1px solid #CCCCCC;}
.commentpost #txaArticle{ padding:5px; width:95%; height:120px; border:1px solid #CCCCCC;background:none;}
.button { background:#0E64A8; border:none; width:100px; height:30px; font-weight:bold; color:#FFFFFF; }
#cancel-reply{float:right;margin-right: 2em;}